/*前缀兼容样式 start*/
.transform(@arg) {
  -webkit-transform: @arg;
  -moz-transform: @arg;
  -ms-transform: @arg;
  -o-transform: @arg;
  transform: @arg;
}

.transition(@arg: .5s) {
  -webkit-transition: @arg;
  -moz-transition: @arg;
  -ms-transition: @arg;
  -o-transition: @arg;
  transition: @arg;
}

.borderRadius(@arg: 5px) {
  -webkit-border-radius: @arg;
  -moz-border-radius: @arg;
  border-radius: @arg;
}

.boxShadow(@arg) {
  -webkit-box-shadow: @arg;
  -moz-box-shadow: @arg;
  box-shadow: @arg;
}

.boxSizing(@value: border-box) {
  -moz-box-sizing: @value;
  -webkit-box-sizing: @value;
  -o-box-sizing: @value;
  -ms-box-sizing: @value;
  box-sizing: @value;
}

.userSelect(@value: none) {
  -webkit-user-select: @value;
  -moz-user-select: @value;
  -ms-user-select: @value;
  user-select: @value;
}

/*多行省略*/
.multi-line-omit(@num: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @num;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}

/*镜像效果*/
.reflect (@length: 50%, @opacity: 0.2) {
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255, 255, 255, @opacity)));
}

/*背景线性渐变*/
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=@start, endColorstr=@stop);/*IE<9>*/
  background-color: @start;
  background-image: -webkit-linear-gradient(@origin, @start, @stop);
  background-image: -moz-linear-gradient(@origin, @start, @stop);
  background-image: -o-linear-gradient(@origin, @start, @stop);
  background-image: -ms-linear-gradient(@origin, @start, @stop);
  background-image: linear-gradient(@origin, @start, @stop);
}
/*前缀兼容样式 end*/